<template>
    <footer>
      <div class="footer">
        <div class="share">
          <a href="javascript:void(0)" class="weixin" :style="background"></a>
          <a href="javascript:void(0)" class="weibo" :style="background"></a>
          <a href="jhttp://service.weibo.com/share/share.php" class="fenxiang" :style="background"></a>
        </div>

        <ul class="clearfix about-us">
          <li><a href="javascript:void(0)">版权所有<span>|</span></a></li>
          <li><a href="javascript:void(0)">关于我们<span>|</span></a></li>
          <li><a href="javascript:void(0)">网站导航<span>|</span></a></li>
          <li><a href="javascript:void(0)">联系电话&nbsp;18228075165<span>|</span></a></li>
          <li><a href="javascript:void(0)">邮箱&nbsp;249262363@qq.com</a></li>
        </ul>

        <ul class="clearfix address">
          <li><a href="index.html" style="margin-right: 20px">&copy;微力科技实验室<span>www.weily.com</span></a></li>
          <li><a href="javascript:void(0)">地址<span>成都市西华大学第六教学楼421</span></a></li>
        </ul>
      </div>

    </footer>
</template>

<script>
  import {Bgimg} from '../Bgimg'
  export default {
    name: "m-footer",
    data(){
      return {
        background:{
          backgroundImage: "url("+Bgimg.icon+")",
        }
      }
    }
  }
</script>

<style scoped lang="stylus">

  /*footer=======================================*/
  .footer{height: 200px; background: #0e2335;position: relative; z-index: 100;  }
  .share{text-align: center; padding-top: 50px; }
  .share a{display: inline-block; width: 30px; height: 30px; margin: 10px; border-radius: 50%; }
  .share a.weixin{ background:  no-repeat 0px -527px;}
  .share a.weibo{ background:  no-repeat 0px -571px; }
  .share a.fenxiang{ background:  no-repeat 0px -615px; }
  .footer ul{text-align: center; margin-top: 10px; }
  .footer ul li{text-align: center; display: inline-block; }
  .footer ul li a{color: #aaa; display: inline-block; margin: 0 5px; }
  .footer ul li a>span{display: inline-block; padding-left: 10px; color: #888; }
  .footer ul.address li a>span{padding-left: 5px; }
  .footer ul.about-us li a:hover{color: #ddd; text-decoration: underline; }
</style>
